﻿<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title></title>
<!-- responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- master stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive stylesheet -->
<link rel="stylesheet" href="css/bootstrap-margin-padding.css">
<link rel="stylesheet" href="css/responsive.css">
</head>

<body>
<!-- Preloader -->
<div class="preloader"></div>
<section class="top-bar">
	<div class="container">
		<div class="left-text pull-left">
			<p><span>Opening Hours :</span> Monday to Saturday - 8am to 5pm</p>
		</div>
		<!-- /.left-text -->
		<div class="social-icons pull-right">
			<ul>
				<li><a href="#"><i class="fa fa-facebook"></i></a></li>
				<li><a href="#"><i class="fa fa-twitter"></i></a></li>
				<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
				<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
				<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
			</ul>
		</div>
		<!-- /.social-icons -->
	</div>
</section>
<!-- /.top-bar -->
<header class="header">
	<div class="container">
		<div class="logo pull-left">
			<a href="index.html">
				<img src="img/resources/logo.png" alt="Awesome Image" />
			</a>
		</div>
		<div class="header-right-info pull-right clearfix">
			<div class="single-header-info">
				<div class="icon-box">
					<div class="inner-box">
						<i class="flaticon-interface"></i>
					</div>
				</div>
				<div class="content">
					<h3>EMAIL</h3>
					<p>companyname@mail.com</p>
				</div>
			</div>
			<div class="single-header-info">
				<div class="icon-box">
					<div class="inner-box">
						<i class="flaticon-phone-call"></i>
					</div>
				</div>
				<div class="content">
					<h3>Call Now</h3>
					<p><b>(732) 803-010-03</b></p>
				</div>
			</div>
			<div class="single-header-info">
				<a href="#" class="thm-btn">Appointment</a>
			</div>
		</div>
	</div>
</header>
<!-- /.header -->
<nav class="mainmenu-area stricky">
	<div class="container">
		<div class="navigation pull-left">
			<div class="nav-header">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="service.html">Service</a></li>
					<li><a href="service-details.html">Service Details</a></li>
					<li><a href="contact.html">Contact Us</a></li>
				</ul>
			</div>
			<div class="nav-footer">
				<button><i class="fa fa-bars"></i></button>
			</div>
		</div>
		<div class="search-box pull-right">
			<form action="#">
				<input type="text" placeholder="Search...">
				<button type="submit"><i class="fa fa-search"></i></button>
			</form>
		</div>
	</div>
</nav>
<!-- /.mainmenu-area -->
<section class="inner-header">
	<div class="container">
		<div class="row">
			<div class="col-md-12 sec-title colored text-center">
				<h2>Services</h2>
				<ul class="breadcumb">
					<li><a href="index.html">Home</a></li>
					<li><i class="fa fa-angle-right"></i></li>
					<li><span>Services</span></li>
				</ul>
				<span class="decor"><span class="inner"></span></span>
			</div>
		</div>
	</div>
</section>
<section class="services-section sec-padding" data-bg-color="#f7f7f7">
	<div class="container">
		<div class="row">
			<div class="services-content style2">
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/1.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Excellent Services</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/2.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Landscape Design</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/3.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Garden Watering</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/4.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Garden Care</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/5.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Pest Controling</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/6.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Lawn Renovation</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 hidden-md">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/7.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Rubbish Removal</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-6 hidden-md">
					<div class="service-box">
						<div class="img-thumb">
							<img src="img/services/8.jpg" alt="">
						</div>
						<div class="content">
							<h4 class="title"><a href="#">Tree Planting</a></h4>
						</div>
						<div class="overlay">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid labore cum, sit quae deleniti placeat.</p>
							<a class="value" href="#"> Start From <span class="service-price">$45</span></a>
							<a class="btn-link" href="#">read more <i class="fa fa-arrow-circle-right"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="call-to-action home-one">
	<div class="container-fluid">
		<div class="clearfix">
			<div class="call-to-action-corner col-md-4" style="background-image: url(img/call-to-action/left-box-bg.jpg);">
				<div class="single-call-to-action open-hours">
					<div class="icon-box">
						<div class="inner-box">
							<i class="flaticon-plant-on-a-hand"></i>
						</div>
					</div>
					<div class="content-box">
						<h3 class="title">Design and Planting</h3>
						<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet. <span>consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</span> </p>
					</div>
				</div>
			</div>
			<div class="call-to-action-center col-md-4" style="background-image: url(img/call-to-action/center-box-bg.jpg);">
				<div class="single-call-to-action">
					<div class="icon-box">
						<div class="inner-box">
							<i class="flaticon-tool"></i>
						</div>
					</div>
					<div class="content-box">
						<h3 class="title">Lawn and Garden Care</h3>
						<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet. <span>consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</span> </p>
					</div>
				</div>
			</div>
			<div class="call-to-action-corner col-md-4" style="background-image: url(img/call-to-action/right-box-bg.jpg);">
				<div class="single-call-to-action">
					<div class="icon-box">
						<div class="inner-box">
							<i class="flaticon-machine"></i>
						</div>
					</div>
					<div class="content-box">
						<h3 class="title">Irrigation and Drainage</h3>
						<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet. <span>consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</span> </p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="sec-padding pb-40">
	<div class="container">
		<div class="sec-title text-center">
			<h2>Why Choose <span class="color-black">Us</span></h2>
			<p>Lorem ipsum is a dummy text it will use for subtitle here</p>
			<span class="decor"><span class="inner"></span></span>
		</div>
		<div class="row">
			<div class="col-lg-7 col-md-12">
				<div class="row style-three mb40">
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-tree-leaf"></i>
								</div>
							</div>
							<div class="content">
								<h3>Experience <span class="color-theme">Skills</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-nature-4"></i>
								</div>
							</div>
							<div class="content">
								<h3>Guarantee <span class="color-theme">Services</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-construction-worker"></i>
								</div>
							</div>
							<div class="content">
								<h3>Expert <span class="color-theme">Gardener</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-phone-call"></i>
								</div>
							</div>
							<div class="content">
								<h3>Customer <span class="color-theme">Support</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-sprout"></i>
								</div>
							</div>
							<div class="content">
								<h3>Online <span class="color-theme">Pay</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-nature-7"></i>
								</div>
							</div>
							<div class="content">
								<h3>Trusted <span class="color-theme">Work</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-people-6"></i>
								</div>
							</div>
							<div class="content">
								<h3>Quality <span class="color-theme">Work</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6">
						<div class="single-service-home">
							<div class="icon-box">
								<div class="inner-box">
									<i class="flaticon-nature-6"></i>
								</div>
							</div>
							<div class="content">
								<h3>Low <span class="color-theme">Cost</span></h3>
								<p>Lorem ipsum dolor sit amet Quis, consectetur adipisicing elit.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-5 col-md-12">
				<div class="row mb-10">
					<div class="col-md-12">
						<img class="full-width" src="img/about/1.jpg" alt="">
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 pr-5 pr-sm-15 mb-sm-10">
						<img class="full-width" src="img/about/2.jpg" alt="">
					</div>
					<div class="col-md-6 pl-5 pl-sm-15">
						<img class="full-width" src="img/about/3.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="sponsors-section" data-bg-color="#6aaf08">
	<div class="container">
		<ul class="slider">
			<li>
				<a href="#"><img src="img/clients/brand-1.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-2.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-3.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-4.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-5.png" alt="" title=""></a>
			</li>
			<li>
				<a href="#"><img src="img/clients/brand-1.png" alt="" title=""></a>
			</li>
		</ul>
	</div>
</section>
<footer class="footer bg-style">
	<div class="footer-upper">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="footer-widget about-widget">
						<a href="#">
							<img src="img/resources/footer-logo.png" alt="Awesome Image" />
						</a>
						<p>Lorem ipsum dolor sit amet, eu me evert laboramus, iudico </p>
						<ul class="contact">
							<li><i class="fa fa-map-marker"></i> <span>60 Grant Ave. Carteret NJ 0708</span></li>
							<li><i class="fa fa-phone"></i> <span>(880) 1723801729</span></li>
							<li><i class="fa fa-envelope-o"></i> <span>example@gmail.com</span></li>
						</ul>
						<ul class="social">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
							<li><a href="#"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-2 col-sm-6">
					<div class="footer-widget quick-links">
						<h3 class="title">Services</h3>
						<ul>
							<li><a href="service-details.html">Lawn Renovation</a></li>
							<li><a href="service-details.html">Lawn Maintenance</a></li>
							<li><a href="service-details.html">Landscape Lighting</a></li>
							<li><a href="service-details.html">Seasonal Clean-ups</a></li>
							<li><a href="service-details.html">Flowerscaping</a></li>
							<li><a href="service-details.html">Tree & Shrub Care</a></li>
							<li><a href="service-details.html">Natural Stone Walks</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 latest-post col-sm-6">
					<div class="footer-widget latest-post news-post">
						<h3 class="title">Latest News</h3>
						<ul>
							<li>
								<span class="border"><img src="img/blog/s1.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
							<li>
								<span class="border"><img src="img/blog/s2.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
							<li>
								<span class="border"><img src="img/blog/s3.jpg" alt=""></span>
								<div class="content">
									<a href="#">Etiam dignissim sit amet felis ac sagittis. Sed libero</a>
									<span>31 Dec, 2017</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="footer-widget contact-widget">
						<h3 class="title">Contact Form</h3>
						<form action="inc/sendemail.php" class="contact-form" id="footer-cf">
							<input type="text" name="name" placeholder="Full Name">
							<input type="text" name="email" placeholder="Email Address">
							<textarea name="message" placeholder="Your Message"></textarea>
							<button type="submit">Send</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container text-center">
			<p>Copyright &copy; 2017.Company name All rights reserved.</p>
		</div>
	</div>
</footer>
<!-- main jQuery -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- bx slider -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- appear js -->
<script src="js/jquery.appear.js"></script>
<!-- count to -->
<script src="js/jquery.countTo.js"></script>
<!-- owl carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- validate -->
<script src="js/validate.js"></script>
<!-- mixit up -->
<script src="js/jquery.mixitup.min.js"></script>
<!-- fancybox -->
<script src="js/jquery.fancybox.pack.js"></script>
<!-- easing -->
<script src="js/jquery.easing.min.js"></script>
<!-- isotope script -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- jQuery ui js -->
<script src="js/jquery-ui-1.11.4/jquery-ui.js"></script>
<!-- thm custom script -->
<script src="js/custom.js"></script>
</body>

</html>